<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>浪漫七夕，为爱放价。</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <style>
        .loading--2-w7w {
            color: #fff;
            position: fixed;
            top: 40%;
            left: 50%;
            z-index: 1000;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 15px;
            max-width: 50%;
            border-radius: 5px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background-color: rgba(58, 58, 58, .9)
        }

        .icon--2UZ08 {
            width: 40px;
            height: 40px;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url(./imgs/c152585d51.png);
            -webkit-animation: loading--2-w7w 1.5s linear infinite;
            animation: loading--2-w7w 1.5s linear infinite
        }

        .text--zLarO {
            font-size: 14px;
            margin-top: 12px
        }

        @-webkit-keyframes loading--2-w7w {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes loading--2-w7w {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        .timer--2OyA4 {
            color: #fff;
            font-size: 14px;
            line-height: 22px;
            text-align: center
        }

        /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        main {
            display: block
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        hr {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }

        pre {
            font-family: monospace, monospace;
            font-size: 1em
        }

        a {
            background-color: transparent
        }

        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
        }

        b, strong {
            font-weight: bolder
        }

        code, kbd, samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub, sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        img {
            border-style: none
        }

        button, input, optgroup, select, textarea {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button, input {
            overflow: visible
        }

        button, select {
            text-transform: none
        }

        [type=button], [type=reset], [type=submit], button {
            -webkit-appearance: button
        }

        [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

        fieldset {
            padding: .35em .75em .625em
        }

        legend {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal
        }

        progress {
            vertical-align: baseline
        }

        textarea {
            overflow: auto
        }

        [type=checkbox], [type=radio] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0
        }

        [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        details {
            display: block
        }

        summary {
            display: list-item
        }

        [hidden], template {
            display: none
        }

        body, html {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            color: #333;
            font-size: 16px;
            background-color: #f5f5f5;
            font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Helvetica, Microsoft YaHei, sans-serif;
            -webkit-tap-highlight-color: transparent
        }

        * {
            max-height: 999999px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            -webkit-overflow-scrolling: touch;
            -webkit-text-size-adjust: 100% !important
        }

        #root {
            width: 100%;
            height: 100%
        }

        a {
            color: #000;
            text-decoration: none
        }

        .portal--3qlkb {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 100%;
            margin: 0 auto;
            max-width: 750px;
            min-height: 100%;
            background-color: #f6c3d6
        }

        .inner--2EPel {
            -webkit-box-flex: 9;
            -webkit-flex: 9;
            -ms-flex: 9;
            flex: 9
        }

        .title1--2-vmA {
            font-size: 38px;
            margin-top: 28.66%
        }

        .title1--2-vmA, .title2--39-g0 {
            color: #f92374;
            font-weight: 700;
            text-align: center
        }

        .title2--39-g0 {
            font-size: 30px
        }

        .rules--2VVq- {
            color: #fff;
            font-size: 15px;
            line-height: 20px;
            text-align: center;
            width: 100%
        }

        .timer--ZDPPq {
            color: #fff
        }

        .banner--1neOD {
            height: 0;
            width: 100%;
            padding-bottom: 97.6%;
            background-size: cover;
            background-image: url(./imgs/d38444befc.jpg)
        }

        .letter--2oV_S {
            z-index: 50;
            overflow: hidden;
            margin-top: -40.66%;
            padding-bottom: 100.03%;
            background-image: url(./imgs/b75c05d7d6.png)
        }

        .footer--2Fi6D, .letter--2oV_S {
            height: 0;
            width: 100%;
            position: relative;
            background-size: cover
        }

        .footer--2Fi6D {
            margin-top: -55.06%;
            padding-bottom: 55.06%;
            background-image: url(./imgs/ddc82c3175.jpg)
        }

        .flower--2Jlrw {
            height: 0;
            width: 100%;
            z-index: 100;
            bottom: 0;
            position: absolute;
            padding-bottom: 44.13%;
            background-size: cover;
            background-image: url(./imgs/64e6eca9a8.png)
        }

        .button-a--34qno, .button-b--1d1_0 {
            height: 0;
            width: 67.33%;
            margin: 0 auto;
            padding-bottom: 15.86%;
            background-size: contain;
            background-repeat: no-repeat
        }

        .button-a--34qno {
            background-image: url(./imgs/e40588d5b3.gif)
        }

        .button-b--1d1_0 {
            background-image: url(./imgs/e787719a46.gif)
        }

        .floating--IBwU4 {
            z-index: 200;
            margin-top: 114%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            position: absolute;
            width: 100%
        }
    </style>
</head>
<body>
<div id="root">
    <div class="portal--3qlkb">
        <div class="inner--2EPel">
            <div class="banner--1neOD"></div>
            <div class="letter--2oV_S">
                <div class="title1--2-vmA">
                    <div class="title1--2-vmA">充19元送19元</div>
                </div>
                <div class="title2--39-g0">
                    <div class="title2--39-g0">共得3800书币</div>
                </div>
            </div>
        </div>
        <div class="footer--2Fi6D">
            <div class="flower--2Jlrw"></div>
        </div>
        <div class="floating--IBwU4">
            <a href="/shou?id=43">
                <div class="button-a--34qno"></div>
            </a>
            <div class="timer--2OyA4 timer--ZDPPq">8月6日-8月14日</div>
            <div class="rules--2VVq-">
                <div>1.此充值为书币充值；</div>
                <div>2.书币为虚拟物品，不支持退货；</div>
                <div>3.本次充值活动每人仅限参加2次。</div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    let getParameterByName = function (name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[[\]]/g, '\\$&');
        var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, ' '));
    };
    console.log(getParameterByName("id"))
</script>
</html>